.index {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.index .box {
  width: 40%;
}
.index .box .boxtop {
  width: 100%;
  height: 180px;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: center;
  margin-top: 200px;
}
.index .box .boxtop .tops {
  width: 89%;
  height: 40px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-size: 17px;
}
.index .box .boxtop .tops button {
  border: none;
  outline: none;
  width: 100px;
  height: 30px;
  background-color: aqua;
  color: #fff;
}
.index .box .boxtop .tops input {
  width: 80%;
  height: 30px;
  outline: none;
  font-size: 16px;
  color: #666;
}
.index .box .box-bottom {
  width: 89%;
  margin-top: 20px;
}
.index .box .box-bottom .btm {
  display: flex;
  justify-content: space-around;
  padding-top: 10px;
  padding-bottom: 10px;
}
.index .box .box-bottom .btm .onesss {
  color: #666;
}
